<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/resources/template/template_bootstrap.xhtml">

	<ui:define name="title">Meus Dados Pessoais</ui:define>

	<ui:define name="conteudo">


		<h:form id="formulario" prependId="false">



			<div class="row-fluid">
				<div class="span12">
					<p:messages globalOnly="true" closable="true" />
				</div>
			</div>

			<style>
#chkTipoPessoa {
	display: none;
}
</style>

			<div class="row-fluid" id="chkTipoPessoa">
				<div class="span3">
					<p:outputLabel styleClass="text-right" value="Tipo" />
				</div>
				<div class="span4">
					<p:selectOneRadio value="#{pessoaMB.tipoPessoa}">
						<f:selectItems value="#{pessoaMB.liTiposPessoa}" />
						<p:ajax event="change" listener="#{pessoaMB.definePessoa}"
							update="@form" />
					</p:selectOneRadio>
				</div>
			</div>

			<p:outputPanel layout="block" id="pnlDadosPessoa">


				<ui:include src="/cadastrar/include/frmPessoa.xhtml">
					<ui:param name="pessoa"
						value="#{pessoaMB.flagPessoaFisica == true ? pessoaMB.pessoaFisica : pessoaMB.pessoaJuridica}" />
					<ui:param name="labelNome"
						value="#{pessoaMB.flagPessoaFisica == true ? 'Nome Completo' : 'Razão Social'}" />
				</ui:include>
			</p:outputPanel>

			<div class="row-fluid">
				<div class="span3">
					<p:commandLink value="Alterar" styleClass="float-right btn"
						action="#{pessoaMB.alterarDadosPessoais()}" />
				</div>
			</div>
		</h:form>


	</ui:define>

</ui:composition>

